<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录界面</title>
<script type="text/javascript" src="easyui/jquery-1.7.2.min.js"></script>
<style type="text/css">
form{
	width:523px; height:324px;
	 margin:auto; margin-top:150px;
	 background-image:url(images/login.png);
	 border:1px #FFF solid;
}
table{
	margin:0 auto;
	margin-top:120px;
	}
select,#user,#pass,#ID{
	width:120px;}
.tip{
	color:#F00;
	font-size:12px;}
</style>
</head>

<body>
  <form id="login" action="login.jsp">  <!--登录界面-->
  	<input type="hidden" name="action" value="login"/>
    <table>
     <tr><td><label for="user">用户名</label></td><td><input  type="text" name="userno" id="user" /></td><td class="tip"></td></tr>
     <tr><td><label for="pass">密码</label></td><td><input  type="password" name="password" id="pass" /></td><td class="tip"></td></tr>
     <tr><td><label for="ID">身份</label></td><td class="tip"><select name="role" id="ID">
        <option value="teacher">教师</option>
        <option value="headman">组长</option>
        <option value="student">学员</option></select></td><td></td></tr> 
    <tr><td><input type="submit" value="确认登录"  style="margin-top:10px;"/></td><td><input type="reset"  value="清空重置" style="margin-left:35px; margin-top:10px;"/></td><td></td></tr>
   </table>
  </form>
  <script type="text/javascript">
   var user=$("#user").val();
   var pass=$("#pass").val();
   var ID=$("#ID").val();
   $("#user,#pass,#ID").blur(function(){
	   if($(this).val()==''){
		   $(this).parent().next().html('请输入'+$(this).parent().prev().text());
		   }
		else{
			 $(this).parent().next().html('');
			}
	   })
 /*提交验证，异步传输*/ 
  $("form").submit( function () {
    if($("#user").val()==''||$("#pass").val()==''){return false;}
	else{
		$.ajax({
			url:'login.jsp',       //处理测试页面,注意返回内容，成功返回OK
			dataType:'text',
			data:$("form").serialize(),
			success:function(msg){
				msg = msg.replace(/rn/g,''); 
				//alert(msg);
				if(msg=="ok"){window.location.href="main.jsp";}
				else{
					alert("您输入的用户名或密码不相符，请您重新输入");
					return;
					}
				}
			});
		}
		return false;
} );
  </script>

</body>
</html>
